.contain{
	width:100%;
	overflow:hidden;
	padding-bottom:100rpx;
	.search{
		border:1px solid red;
	}
	.produtclass{
		background:#fff;
	}
	.contact{
		background:#F6A62F;  
		@apply p-1;
		.bodyshow{
			background:#FFF;
			padding-bottom:100rpx;
			@apply flex justify-center items-center flex-col;
			.btitle{ 
				background: #E5681A; border-radius:60rpx;
				@apply my-2
			}
			
		}
	}
}
.boxView{
	@apply flex-1 flex-col justify-center items-center shadow-md text-white rounded h-24 pb-1
}
.fimg{
	@include flex-center;
	@apply flex-1 justify-center items-center place-content-center m-1
}
.fword{
	@apply flex-1 justify-center items-center text-center text-stone-800 text-sm
}

.leftRight{
	background:$wujin-theme-bg-color;  /*主题背景颜色*/
	@apply grid grid-cols-2 h-[240rpx] overflow-hidden
}
.imageView{
	@apply flex justify-center items-center h-[240rpx]
}
	 
.leftmidRight{
	background:$wujin-theme-bg-color;  /*主题背景颜色*/
	@apply flex justify-between gap-1
}

.fourBoard{
	background:$wujin-theme-bg-color;  /*主题背景颜色*/
	@apply grid grid-cols-2 gap-2	
}
.fourView{
	@apply flex-1 flex-col justify-center items-center h-[188rpx] pb-1
}


.Night{
	@apply grid grid-cols-3 gap-1
}

.gridbg{
	@apply flex justify-center items-center h-[242rpx]
}



@media screen and (max-width: 320px){

}	
//手机端
@media screen and (min-width: 375px){	

}	
//手机端
@media screen and (min-width: 375px) and (max-width: 500px){	
	
}	
//ipad
@media screen and (min-width: 750px){
}
//ipad
@media screen and (min-width: 834px){	

}